/* 
	反冲洗泵房
 */
const template = `
	<div class="room" data-name="FCXBF">
		<van-nav-bar
		  title="反冲洗泵房"
		  left-arrow
			@click-left="onBack"
		/>
		<ul>
			<li class="point-item">
				<img src="./assets/plugins/vant/theme/default/img/压力.png" width="32" />
				<span class="point-name">空压机压力</span>
				<div class="point-value-wrapper">
					<span class="point-value">0.56</span>
					<span class="point-unit">Mpa</span>
				</div>
				<van-divider />
			</li>
			<li class="point-item">
				<img src="./assets/plugins/vant/theme/default/img/温度.png" width="28" />
				<span class="point-name">空压机温度</span>
				<div class="point-value-wrapper">
					<span class="point-value">86</span>
					<span class="point-unit">℃</span>
				</div>
				<van-divider />
			</li>
			<li class="point-item">
				<img src="./assets/plugins/vant/theme/default/img/压力.png" width="32" />
				<span class="point-name">空压机总管压力</span>
				<div class="point-value-wrapper">
					<span class="point-value">1.25</span>
					<span class="point-unit">Mpa</span>
				</div>
				<van-divider />
			</li>
			<li class="point-item">
				<img src="./assets/plugins/vant/theme/default/img/鼓风机.png" width="32" />
				<span class="point-name">鼓风机皮带情况</span>
				<div class="point-value-wrapper point-di">
					<a @click="onPointClick('stop')" class="point-di-icon-wrapper" :class="{ active: state === 'stop' }">
						<van-icon name="stop-circle" />
						<span class="text">停止</span>
					</a>
					<a @click="onPointClick('play')" class="point-di-icon-wrapper" :class="{ active: state === 'play' }">
						<van-icon name="play-circle" style="margin: 0 16px;" />
						<span class="text">运行</span>
					</a>
					<a @click="onPointClick('fault')" class="point-di-icon-wrapper" :class="{ active: state === 'fault' }">
						<van-icon name="warning" />
						<span class="text">故障</span>
					</a>
				</div>
				<van-divider />
			</li>
			<li class="point-item">
				<img src="./assets/plugins/vant/theme/default/img/巡检备注.png" width="32" />
				<span class="point-name">巡检备注</span>
				<div class="point-value-wrapper">
					<textarea style="font-size: 13px;line-height:1;width: 200px;height: 40px;border: none;border-bottom: 1px solid #e8e8e8;"></textarea>
				</div>
				<van-divider />
			</li>
		</ul>
	</div>
`;

export default {
	name: 'FCXBF',
	data() {
		return {
			state: 'play',
		}
	},
	methods: {
		onBack() {
			this.$router.go(-1)
		},
		onPointClick(state) {
			this.state = state;
		}
	},
	template,
	
}